<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./styles/css/index.css" />
  </head>
  <body>
    <div class="site-mini-header">
      <div class="container">
        <div class="header-logo">
          <a href=""><img src="./images/logo-mi2.png" alt="" /></a>
        </div>
        <div class="shop-title">
          <h2>我的购物车</h2>
          <p>温馨提示:产品是否购买成功,以最终下单为准,请尽快结算</p>
        </div>
        <div class="topbar-info">
          <span class="user">
            <a href="user-name">
              <span class="name"> 我行其野</span>
            </a>
          </span>
          <span class="sep">|</span>
          <a href="" class="link link-order">我的订单</a>
        </div>
      </div>
    </div>
    <div class="page-main">
      <div class="container">
        <div class="container-main">
          <div class="cart-wrap">
            <div class="addonitems-tips">
              <div class="tip">还需19.10元可免运费</div>
              <a href="">去凑单></a>
            </div>
            <div class="cart-goods-list">
              <div class="list-head">
                <div class="col col-check">
                  <i class="iconfont J_allCheck">✔</i>全选
                </div>
                <div class="col col-img">&nbsp;</div>
                <div class="col col-name">商品名称</div>
                <div class="col col-price">单价</div>
                <div class="col col-num">数量</div>
                <div class="col col-total">小计</div>
                <div class="col col-actions">操作</div>
              </div>
              <div class="list-body">
                <!-- <div class="list-item">
                  <div class="item-box">
                    <div class="item-table">
                      <div class="item-row">
                        <div class="col col-check first">
                          <i class="iconfont">✔</i>
                        </div>
                        <div class="col col-img">
                          <a href=""
                            ><img
                              src="./images/teeth.webp"
                              alt=""
                              width="80"
                              height="80"
                          /></a>
                        </div>
                        <div class="col col-name">
                          <h3 class="name">
                            <a href="">米家声波电动牙刷T100 白色</a>
                          </h3>
                        </div>
                        <div class="col col-price">49.9元</div>
                        <div class="col col-num">
                          <div class="change-goods-num">
                            <a href="">-</a>
                            <input type="text" value="1" />
                            <a href="">+</a>
                          </div>
                        </div>
                        <div class="col col-total">49.9元</div>
                        <div class="col col-actions">
                          <a href="" class="del">×</a>
                        </div>
                      </div>
                    </div>
                    <div class="item-sub-box">
                      <div class="extend-buy">
                        <div>
                          <i>+</i>
                          米家声波电动牙刷T100加4.99换购一只牙刷头 4.99元
                          <span class="price-diff">( 省 2.91 元 )</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div> -->
              </div>
            </div>
            <div class="cart-bar">
              <div class="section-left">
                <a href="./index.html" class="backshopping">继续购物</a>
                <span class="cart-total"
                  >已选择<i class="J_sumNum">0</i> 件</span
                >
              </div>
              <span class="sum-price">合计: <em class="J_sum">0</em> 元</span>
              <a href="javascript:;" class="btn btn-disabled accounts"
                >去结算</a
              >
            </div>
          </div>
          <div class="page-main-bottom">
            <div class="mi-recommend">
              <h2 class="recommend-title">
                <span>买购物车中商品的人还买了</span>
              </h2>
              <div class="recommend-bd">
                <ul class="recommend-list">
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-1.webp" alt="" />
                      <div class="recommend-name">米家声波电动牙刷头</div>
                      <div class="recommend-price">29元</div>
                      <div class="recommend-tips">66.5万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-2.jpg" alt="" />
                      <div class="recommend-name">米家水离子吹风机</div>
                      <div class="recommend-price">199元</div>
                      <div class="recommend-tips">39.8万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-1.webp" alt="" />
                      <div class="recommend-name">米家声波电动牙刷头</div>
                      <div class="recommend-price">29元</div>
                      <div class="recommend-tips">66.5万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-1.webp" alt="" />
                      <div class="recommend-name">米家声波电动牙刷头</div>
                      <div class="recommend-price">29元</div>
                      <div class="recommend-tips">66.5万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-1.webp" alt="" />
                      <div class="recommend-name">米家声波电动牙刷头</div>
                      <div class="recommend-price">29元</div>
                      <div class="recommend-tips">66.5万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                </ul>
                <ul class="recommend-list">
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-1.webp" alt="" />
                      <div class="recommend-name">米家声波电动牙刷头</div>
                      <div class="recommend-price">29元</div>
                      <div class="recommend-tips">66.5万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-2.jpg" alt="" />
                      <div class="recommend-name">米家水离子吹风机</div>
                      <div class="recommend-price">199元</div>
                      <div class="recommend-tips">39.8万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-1.webp" alt="" />
                      <div class="recommend-name">米家声波电动牙刷头</div>
                      <div class="recommend-price">29元</div>
                      <div class="recommend-tips">66.5万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-1.webp" alt="" />
                      <div class="recommend-name">米家声波电动牙刷头</div>
                      <div class="recommend-price">29元</div>
                      <div class="recommend-tips">66.5万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                  <li class="recommend-item">
                    <a href="javascript:;">
                      <img src="./images/s-1.webp" alt="" />
                      <div class="recommend-name">米家声波电动牙刷头</div>
                      <div class="recommend-price">29元</div>
                      <div class="recommend-tips">66.5万人好评</div>
                    </a>
                    <div class="recommend-action">
                      <a href="javascript:;"> 加入购物车 </a>
                    </div>
                    <div class="recommend-notice">
                      <a href="javascript:;">成功加入购物车</a>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div>
      <div class="site-footer">
        <div class="container">
          <div class="footer-service">
            <ul class="list-service">
              <li class="first">
                <a href="">
                  <i class="iconfont icon-weixiu"></i>
                  预约维修服务
                </a>
              </li>
              <li>
                <a href="">
                  <i class="iconfont icon-7"></i>
                  7天无理由退货
                </a>
              </li>
              <li>
                <a href="">
                  <i class="iconfont icon-15"></i>
                  15天免费换货
                </a>
              </li>
              <li>
                <a href="">
                  <i class="iconfont icon-liwu"></i>
                  满69元包邮
                </a>
              </li>
              <li>
                <a href="">
                  <i class="iconfont icon-location"></i>
                  520余家售后网点
                </a>
              </li>
            </ul>
          </div>
          <div class="footer-links">
            <dl class="col-links">
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <dl class="col-links">
              <dt>服务支持</dt>
              <dd>售后政策</dd>
              <dd>自助服务</dd>
              <dd>相关下载</dd>
            </dl>
            <dl class="col-links">
              <dt>线下门店</dt>
              <dd>小米之家</dd>
              <dd>服务网点</dd>
              <dd>授权体验店/专区</dd>
            </dl>
            <dl class="col-links">
              <dt>关于小米</dt>
              <dd>了解小米</dd>
              <dd>加入小米</dd>
              <dd>投资者关系</dd>
              <dd>企业社会责任</dd>
              <dd>廉洁举报</dd>
            </dl>
            <dl class="col-links">
              <dt>关注我们</dt>
              <dd>新浪微博</dd>
              <dd>官方微信</dd>
              <dd>联系我们</dd>
              <dd>公益基金会</dd>
            </dl>
            <dl class="col-links">
              <dt>特色服务</dt>
              <dd>F码通道</dd>
              <dd>礼物码</dd>
              <dd>防伪查询</dd>
            </dl>
            <div class="col-contact">
              <p class="phone">400-100-5678</p>
              <p class="time">8:00-18:00（仅收市话费）</p>
              <a href="" class="btn">
                <i class="iconfont icon-liaotian"></i>
                人工客服
              </a>
              <div class="follow">
                关注小米：
                <a href=""><i class="iconfont icon-weibo"></i></a>
                <a href="" class="wx"
                  ><i class="iconfont icon-weixin"></i>
                  <img src="./images/wx-img.png" alt="" />
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="site-info">
        <div class="container-info">
          <div class="info-loge">
            <img src="./images/logo-mi2.png" alt="" />
          </div>
          <div class="info-text">
            <p class="texts">
              <a href="">小米商城</a>
              <span>|</span>
              <a href="">MIUI</a>
              <span>|</span>
              <a href="">米家</a>
              <span>|</span>
              <a href="">米聊</a>
              <span>|</span>
              <a href="">多看</a>
              <span>|</span>
              <a href="">游戏</a>
              <span>|</span>
              <a href="">政企服务</a>
              <span>|</span>
              <a href="">小米天猫店</a>
              <span>|</span>
              <a href="">小米集团隐私政策</a>
              <span>|</span>
              <a href="">小米公司儿童信息保护规则</a>
              <span>|</span>
              <a href="">小米商城隐私政策</a>
              <span>|</span>
              <a href="">小米商城用户协议</a>
              <span>|</span>
              <a href="">问题反馈</a>
              <span>|</span>
              <a href="">Select Location</a>
            </p>
            <p class="texts">
              <a href="">北京互联网法院法律服务工作站</a>
              <span>|</span>
              <a href="">中国消费者协会</a>
              <span>|</span>
              <a href="">北京市消费者协会</a>
            </p>
            <p class="texts2">
              &copy;
              <a href="">mi.com</a>
              京ICP证110507号
              <a href="">京ICP备10046444号</a>
              <a href=""> 京公网安备11010802020134号</a>
              <a href="">京网文[2020]0276-042号</a>
              <br />
              <a href=""> （京）网械平台备字（2018）第00005号</a>
              <a href=""> 互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
              <a href=""> 营业执照</a>
              <a href="">医疗器械质量公告</a>
              <br />
              <a href="">增值电信业务许可证</a>
              &nbsp;网络食品经营备案 京食药网食备202010048&nbsp;
              <a href="">食品经营许可证</a>
              <br />
              违法和不良信息举报电话：171-5104-4404 mi.com 京ICP证110507号
              <a href="">知识产权侵权投诉</a>
              &nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>
          </div>
          <div class="info-links">
            <img src="./images/truste.png" alt="" />
            <img src="./images/v-logo-2.png" alt="" />
            <img src="./images/honest.png" alt="" />
            <img src="./images/xiaofei.png" alt="" />
            <img src="./images/js-1.png" alt="" />
          </div>
        </div>
        <div class="solgan">
          <span> 让全球每个人都能享受科技带来的美好生活 </span>
        </div>
      </div>
    </div>
  </body>
</html>
<script src="./js/shop.js" type="module"></script>
